<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.a:hover{
				width: 150px;
				background-image: url(./picture/05092fd9c0f499aae413676a2a1c348.png);
			}
			.b:hover{
				width: 150px;
				background-image: url(./picture/a996bd0f4cc0ffddd4908db3f5d930b.png);
			}
			.c:hover{
				width: 150px;
				background-image: url(./picture/c2e5ae7db6a498d0719219c0c257069.jpg);
			}
			.d:hover{
				width: 150px;
				background-image: url(./picture/c48b82b446ae33e6c0ca6475d84d9e3.png);
			}
			.e:hover{
				width: 150px;
				background-image: url(./picture/c91747f4182488b5d02daaa989fb731.png);
			}
			.f:hover{
				width: 150px;
				background-image: url(./picture/ca45bf8422700f54908dc2f348e2991.png);
			}
			.g:hover{
				width: 150px;
				background-image: url(./picture/f3a8a0da37a49fb028a22943b738271.png);
			}
			.h:hover{
				width: 150px;
				background-image: url(./picture/f66747daebfdb5960f83ad1f07130c0.png);
			}
			
			a{
				display: inline-block;
				width: 120px;
				height: 58px;
				text-align: center;
				line-height: 50px;
				text-decoration: none;
				color: white;
			}
			
			.a{				
				background-image: url(./picture/05092fd9c0f499aae413676a2a1c348.png);
			}
			
			.b{			
				background-image: url(./picture/a996bd0f4cc0ffddd4908db3f5d930b.png);
			}
			
			.c{
				background-image: url(./picture/c2e5ae7db6a498d0719219c0c257069.jpg);
			}
			
			.d{
				background-image: url(./picture/c48b82b446ae33e6c0ca6475d84d9e3.png);
			}
			
			.e{
				background-image: url(./picture/c91747f4182488b5d02daaa989fb731.png);
			}
			
			.f{
				background-image: url(./picture/ca45bf8422700f54908dc2f348e2991.png);
			}
			
			.g{
				background-image: url(./picture/f3a8a0da37a49fb028a22943b738271.png);
			}
			
			.h{
				background-image: url(./picture/f66747daebfdb5960f83ad1f07130c0.png);
			}
		</style>
	</head>
	
	<body>
		<a href="#" class="a">五彩导航</a>
		<a href="#" class="b">五彩导航</a>
		<a href="#" class="c">五彩导航</a>
		<a href="#" class="d">五彩导航</a>
		<a href="#" class="e">五彩导航</a>
		<a href="#" class="f">五彩导航</a>
		<a href="#" class="g">五彩导航</a>
		<a href="#" class="h">五彩导航</a>
	</body>
</html>